<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <title>店铺管理</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../statics/font/font_3580475_g38aeqiiuc6/iconfont.css">

    <link rel="stylesheet" href="../statics/css/note.css">
    <link rel="stylesheet" href="../statics/css/table.css" >
    <link rel="stylesheet" href="../statics/css/text.css">

    <script src="../statics/js/echarts.min.js"></script>
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
            background: url(../statics/images/util/bg.gif) repeat;
        }
    </style>

</head>
<body>


<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" style="font-size:25px" href="">点餐系统-我的店铺</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <%--    主页:分页显示菜品 --%>
                <li <c:if test="${navName=='shopHome'}"> class="active" </c:if> ><a href="${pageContext.request.contextPath}/shop/shopHome.do"><i class="iconfont icon-dianpu "></i>&nbsp;主页</a></li>
                <%--    添加菜品--%>
                <li <c:if test="${navName=='addFood'}"> class="active" </c:if> ><a href="${pageContext.request.contextPath}/shop/addFood.do"><i class="iconfont icon-tianjia"></i>&nbsp;添加菜品</a></li>
                <%--    菜品管理--%>
                <li <c:if test="${navName=='foodManage'}"> class="active" </c:if> ><a href="${pageContext.request.contextPath}/shop/foodManage.do"><i class="iconfont icon-guanli "></i>&nbsp;菜品管理</a></li>
                <%--    我的店铺        --%>
                <li <c:if test="${navName=='shopPerson'}"> class="active" </c:if> ><a href="${pageContext.request.contextPath}/shop/shopPerson.do"><i class="iconfont icon-dianpuxinxi24 "></i>&nbsp;店铺信息</a>
            </ul>
            <form class="navbar-form navbar-right" role="search" action="${pageContext.request.contextPath}/shop/findFoodByName.do">
                <div class="form-group">
                    <%--设置隐藏域记载请求域信息--%>
                    <input type="hidden" id="sid" value="${shopId}">
                    <input type="text" name="name" class="form-control" placeholder="搜索菜品" value="${foodName}">
                </div>
                <button type="submit" class="btn btn-default">查询</button>
            </form>
        </div>
    </div>
</nav>


<div class="container">
    <div class="row-fluid">
        <div class="col-md-3">
            <div class="data_list">
                <%--我的店铺--%>
                    <div class="data_list_title"><span class="iconfont icon-dianpuxinxi24 "></span>&nbsp;店铺信息&nbsp;&nbsp;&nbsp;&nbsp;<a href="${shopId}">退出</a></div>
                    <div class="userimg">
                        <img src="../statics/images/shop/${shopImg}" style="width: 100%">
                    </div>
                    <div class="nick">${shopName}</div>
                    <div class="data_list_title">
			<span class="iconfont icon-dizhi ">
            </span>&nbsp;店铺位置
                    </div>
                    <div class="mood"> ${shopLoc} </div>
            </div>
            <div class="data_list">
                <div class="data_list_title">
                    <span class="iconfont icon-dingdanzhuangtai"></span>&nbsp;店铺订单
                </div>
                <%-- 已收货--%>
                <div>
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="">待确定 <span class="badge">2</span></a></li>
                        <li><a href="">已确定 <span class="badge">3</span></a></li>
                        <li><a href="">已验收 <span class="badge">1</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="data_list">
                <div class="data_list_title">
					<span class="iconfont icon-caipin "></span>&nbsp;热销菜品
                </div>

                <div>
                    <ul class="nav nav-pills nav-stacked">
                        <c:forEach items="${hotFoodList}" var="food">
                            <li ><a href=""><span id="sp_${food.foodId}">${food.foodName} </span> 月销量<span class="badge">${food.saleNum}</span></a></li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <%--    加载主页--%>
    <%--    <c:if test="${menuPage=='index'}">--%>
    <%--        应该直接写uri，前端拼的不太方便--%>
    <%--        <jsp:include page="${controllerPath}"/>--%>
    <%--    </c:if>--%>

    <%-- 案例<jsp:include page="/user/shopfoodlist.jsp"/> --%>
    <jsp:include page="${uri}"/>
    <%--    尝试加载登录后第一次进主页的功能:登录安全验证--%>


</div>

</body>
</html>
